import config from '../../utils/url.js';
import cache from '../../utils/Cache.js';
import Http from '../../utils/Http.js';

const http = new Http;

Page({

    /**
     * 页面的初始数据
     */
    data: {
        show: ['', '', '', ''],
        showflag: [false, false, false, false],
        arrows: ['icon-xiangxia', 'icon-xiangxia', 'icon-xiangxia', 'icon-xiangxia'],

        // 幻灯片
        slides: [],
        // 租房小组
        fang_group: [],
        // 文章数据
        articles: [],
        // 页码数
        page: 1,
        // 是否发送请求
        request: true,
        // 回到顶部
        to_show: '',
        // 滚动条默认位置
        top: 0
    },

    onLoad(options) {
        // 幻灯片
        this.slides();
        // 租房小组
        this.fangGroup();
        // 房源
        this.articles();

    },
    /* onPageScroll(evt){
      console.log(evt);
    }, */
    // 文章列表
    articles() {
        // 50秒后，可以继续请求
        setTimeout(() => {
            this.setData({
                request: true
            })
        }, 50000)

        // 没有数据则不执行
        if (!this.data.request) {
            // 没有数据
            wx.showToast({
                title: '已经没有更多新数据了',
                icon: 'none',
                duration: 1500,
                mask: true
            });
            return;
        }
        // 加载提示显示
        wx.showLoading({
            title: '数据加载中...',
            mask: true
        });
        // 页码
        let page = this.data.page;
        // 网络请求
        http.httpReq({
            url: config.fangs,
            token: cache.get('token'),
            data: {page}
        }).then(({data}) => {
            // 隐藏加载提示
            wx.hideLoading();
            // 是否有数据的判断
            if (data.data.length > 0) {
                // 页码向后添加
                page++;
                this.setData({
                    // 加载更多所用，追加 数据的展开
                    fangs: [...this.data.fangs, ...data.data],
                    page
                })
            } else {
                this.setData({
                    request: false
                });
                // 没有数据
                wx.showToast({
                    title: '已经没有更多新数据了',
                    icon: 'none',
                    duration: 1500,
                    mask: true
                });
            }
        });
    },
    // 滚动事件
    fangscroll(evt) {
        if (evt.detail.scrollTop >= 300) {
            this.setData({
                to_show: 'go_now'
            })
        } else {
            this.setData({
                to_show: ''
            })
        }
    },
    // 回动顶部
    gototop() {
        this.setData({
            top: 0
        })
    },

    // 幻灯片
    slides() {
        http.httpReq({
            url: config.slides,
            token: cache.get('token')
        }).then(ret => {
            this.setData({
                slides: ret.data
            })
        })
    },
    // 租房小组
    fangGroup() {
        http.httpReq({
            url: config.attr,
            data: {field: 'fang_group'},
            token: cache.get('token')
        }).then(ret => {
            this.setData({
                fang_group: ret.data
            })
        })
    },
    // 遮罩
    onShadeDiv(evt) {
        let index = evt.currentTarget.dataset.index;
        let show = this.data.show;
        let showflag = this.data.showflag;
        let arrows = this.data.arrows;

        if (showflag[index]) { // 已显示，再次点击隐藏起来
            show[index] = '';
            showflag[index] = false;
            arrows[index] = 'icon-xiangxia';
        } else {
            for (let key in show) {
                if (key == index) {
                    show[key] = 'now';
                    showflag[key] = true;
                    arrows[key] = 'icon-xiangshang';
                } else {
                    show[key] = '';
                    showflag[key] = false;
                    arrows[key] = 'icon-xiangxia';
                }
            }
        }
        this.setData({
            show,
            showflag,
            arrows
        })
    }
})